<style>
    /*回到顶部*/
    #back_top{
        display:block;
        width:40px;
        height:60px;
        position:fixed;
        bottom:50px;
        right:40px;
        border-radius:10px 10px 10px 10px;
        text-decoration:none;
        display:none;
        background-color:#999999;
        opacity: 0.4;
    }
    #back_top span{
        display:block;
        width:60px;
        color:#dddddd;
    }

    #back_top span:hover{
        color:#cccccc;
    }

    #gotop span{
        font-size:40px;
        text-align:center;
        margin-top:4px;
    }
</style>

<a id="back_top" href="#">
    <span><img src="/images/top.gif" alt=""></span>
</a>

<!--回到顶部-->
<script>
    $(function(){
        $(window).scroll(function(){  //只要窗口滚动,就触发下面代码
            var scrollt = document.documentElement.scrollTop + document.body.scrollTop; //获取滚动后的高度
            if( scrollt >200 ){  //判断滚动后高度超过200px,就显示
                $("#back_top").fadeIn(400); //淡出
            }else{
                $("#back_top").stop().fadeOut(400); //如果返回或者没有超过,就淡入.必须加上stop()停止之前动画,否则会出现闪动
            }
        });
        $("#back_top").click(function(){ //当点击标签的时候,使用animate在200毫秒的时间内,滚到顶部
            $("html,body").animate({scrollTop:"0px"},200);
        });

    });
</script>